<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:h="http://java.sun.com/jsf/html"
	  xmlns:f="http://java.sun.com/jsf/core"
	  xmlns:c="http://java.sun.com/jsp/jstl/core"
	  xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets">
      
<!-- Um alias para facilitar nossa vida -->
<c:set var="ctx" value="#{request.contextPath}" scope="request"/>
	
<h:head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <title><ui:insert name="title">ConservareWeb</ui:insert></title>
 <meta name="viewport" content="width=device-width, initial-scale=1.0"></meta>
 	
 <h:outputScript library="js" name="util.js" target="head"/>
 <h:outputScript library="js" name="mascara.js" target="head"/>
 <script>
		PrimeFaces.locales['pt_BR'] = {
    		closeText : 'Fechar',
    		prevText : 'Anterior',
    		nextText : 'Próximo',
    		currentText : 'Hoje',
    		monthNames : [ 'Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho','Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro' ],
    		monthNamesShort : [ 'Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago','Set', 'Out', 'Nov', 'Dez' ],
    		dayNames : [ 'Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta','Sábado' ],
    		dayNamesShort : [ 'Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sáb' ],
    		dayNamesMin : [ 'D', 'S', 'T', 'Q', 'Q', 'S', 'S' ],
    		weekHeader : 'Semana',
    		firstDay : 1,
    		isRTL : false,
    		showMonthAfterYear : false,
    		yearSuffix : '',
    		timeOnlyTitle : 'Só Horas',
    		timeText : 'Tempo',
    		hourText : 'Hora',
    		minuteText : 'Minuto',
    		secondText : 'Segundo',
    		ampm : false,
    		month : 'Mês',
    		week : 'Semana',
    		day : 'Dia',
    		allDayText : 'Todo Dia'
		};
</script>
  	
<h:outputStylesheet library="css" name="bootstrap.min.css" />
<h:outputStylesheet library="css" name="estilo.css"/>
	
	
<ui:insert name="style_pagina"></ui:insert>
</h:head>
<h:body>

<ui:insert name="metadata"/>

<div class="navbar  navbar-inverse navbar-fixed-top">
	<div class="navbar-inner">
    	<div class="container">
        	<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            	<span class="icon-bar"></span>
            	<span class="icon-bar"></span>
            	<span class="icon-bar"></span>
          	</button>
          	<a class="brand" href="#">Conservare Web</a>
			<div class="nav-collapse collapse">
				<ul class="nav">
		              <li class="dropdown">
		                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Contrato <b class="caret"></b></a>
		                <ul class="dropdown-menu">
		                  <!-- <li><h:link value="Cadastro de contrato para prestação de serviço" outcome="/restrito/contrato.xhtml?id=1"></h:link></li> -->
		                  
		                   <li>
		                  	<h:link value="Novo contrato" outcome="/restrito/contrato/incluirContrato.xhtml">
		                  		<f:param name="active" value="incluir"/>
		                  	</h:link>
		                  </li>
		                  
		                  <li><h:link value="Lista de contratos" outcome="/restrito/contrato/listaContratos"></h:link></li>
		                  <!-- 
		                  <li><a href="#">Another action</a></li>
		                  <li><a href="#">Something else here</a></li>
		                  <li class="divider"></li>
		                  <li class="nav-header">Nav header</li>
		                  <li><a href="#">Separated link</a></li>
		                  <li><a href="#">One more separated link</a></li> -->
		                </ul>
		              </li>
            	</ul>
            	
            	<ul class="nav">
		              <li class="dropdown">
		                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Financeiro<b class="caret"></b></a>
		                <ul class="dropdown-menu">
		                  <li><h:link value="Lançamento de contas a receber" outcome="/restrito/financeiro/lancamentoContaAReceber.xhtml"></h:link></li>
		                  <li><h:link value="Lista de Contas a receber" outcome="/restrito/financeiro/contaareceberlistagem.xhtml"></h:link></li>
		                  <li><h:link value="Lista de Contas pagas" outcome="/restrito/financeiro/contapagalistagem.xhtml"></h:link></li>
		                </ul>
		              </li>
            	</ul>
            	<ul class="nav">
		              <li class="dropdown">
		                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Boleto<b class="caret"></b></a>
		                <ul class="dropdown-menu">
		                  <li><h:link value="Importar e processar arquivo retorno" outcome="/restrito/boleto/boleto_retorno.xhtml"></h:link></li>
		                </ul>
		              </li>
            	</ul>
            	<!-- <ul class="nav">
		              <li class="dropdown">
		                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Boleto<b class="caret"></b></a>
		                <ul class="dropdown-menu">
		                  <li><h:link value="Cedente" outcome="/restrito/cedenteBoleto.xhtml"></h:link></li>
		                   <li><h:link value="Boletos emitidos" outcome="/restrito/boletoEmitido.xhtml"></h:link></li>
		                </ul>
		              </li>
            	</ul> -->
          	</div><!--/.nav-collapse -->
          	
          	<ul class="nav btn-group">
                <!-- <li class="btn btn-inverse" ><a title="" href="#">
                	<i class="icon icon-user"></i> <span class="text">Profile</span></a>
                </li> -->
                <li class="btn btn-inverse dropdown" id="menu-messages"><a href="#" data-toggle="dropdown" data-target="#menu-messages" class="dropdown-toggle"><i class="icon icon-envelope"></i> <span class="text">Messages</span> <span class="label label-important">5</span> <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a class="sAdd" title="" href="#">new message</a></li>
                        <li><a class="sInbox" title="" href="#">inbox</a></li>
                        <li><a class="sOutbox" title="" href="#">outbox</a></li>
                        <li><a class="sTrash" title="" href="#">trash</a></li>
                    </ul>
                </li>
                <li class="btn btn-inverse">
                	<a title="" href="#"><i class="icon icon-cog"></i> <span class="text">Settings</span></a>
                </li>
                
                <li class="btn btn-inverse">
                	<h:outputLink value="javascript:void(0)" onclick="document.location='#{request.contextPath}/j_spring_security_logout'" title="Sair">
                		<span class="text">Sair</span>
                	</h:outputLink>
                	
                </li>
            </ul>
          	
			
        </div>
        
      </div>
</div>

<div id="container-fluid" class="container-fluid">
	
	
	<ui:insert name="titulo_pagina">
		<!-- titulo da pagina -->
	
	</ui:insert>
	
	<!-- <ui:insert name="mensagens">
			<p:outputPanel>
				<h:panelGroup id="mensagens" layout="block">
					<p:messages/>
				</h:panelGroup>
			</p:outputPanel>
	</ui:insert> -->
	
	
	<ui:insert name="conteudo">
		
		<!-- entre com o conteudo aqui -->
		
	</ui:insert>
	
	<div id="ajax-loading">
		<p:ajaxStatus>
			<f:facet name="start"><h:graphicImage library="img" name="ajax-loader.gif" /></f:facet>
			<f:facet name="complete"><h:outputText value="" /></f:facet>
		</p:ajaxStatus>
	</div>
   
    <footer class="footer">	
		<ui:insert name="rodape">
			<ui:include src="/WEB-INF/comuns/rodape.xhtml"/>  
		</ui:insert>
	</footer>
	
</div><!-- /container -->		
	
	
	

<h:outputScript library="js" name="bootstrap.min.js"/>
</h:body>
</html>